<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Magic Color Theme, Free CSS Template</title>
<meta name="keywords" content="magic color, colorful theme, free CSS templates, CSS, HTML" />
<meta name="description" content="Magic Color Theme, Colorful Template, free website template by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

</head>
<body>

<div id="templatemo_body_wrapper">
	<div id="templatemo_wrapper">
    

        
        <div id="templatemo_menu">
            <ul>
                <li><a href="index.html" class="current">首頁</a></li>
                <li><a href="about.html">關於我們</a></li>
                <li><a href="blog.html">文章</a></li>
                <li><a href="gallery.html">相簿</a></li>
                <li><a href="contact.html" class="last">聯絡我們</a></li>
            </ul>    	
        </div> <!-- end of templatemo_menu -->
        
        <div id="templatemo_main">
        	<div class="col_w900 hr_divider">
			
              	<div class="col_allw280 frontpage_box">
                    <img src="images/templatemo_bc_blue.png" alt="Image" />
                    <h2>網頁設計元素</h2>
                    <span class="tagline">Lorem ipsum dolor sit amet</span>
                    <p><a href="http://www.templatemo.com" target="_parent">templatemo.com</a> provides  <a href="http://www.templatemo.com/page/1" target="_parent">free css templates</a> for your professional websites. Credit goes to <a href="http://www.vectorvaco.com/" target="_blank">Free Vectors</a> for icons used in this template.</p>
                  <a class="more" href="#">More</a>
                </div>
				
                <div class="col_allw280 frontpage_box">
                    <img src="images/templatemo_bc_green.png" alt="Image" />
                    <h2>CSS 樣板</h2>
                    <span class="tagline">Morbi tincidunt lacinia mauris</span>
                    <p>Ut lorem sapien, sodales ut sollicitudin ut, fermentum euismod dolor. Aenean sed felis non sapien consectetur adipiscing eget vita.</p>
                    <a class="more" href="#">More</a>
                </div>
				
                <div class="col_allw280 frontpage_box col_last">
                    <img src="images/templatemo_bc_orange.png" alt="Image" />            
                  <h2>線上市集</h2>
                    <span class="tagline">Aenean feugiat fermentum </span>
                  <p>Sed nisi quam, egestas ac bibendum eu, dictum id enim. Pellentesque et magna neque accumsan nisi. Vivamus aliquet metus id magna semper. </p>
                    <a class="more" href="#">More</a>
                </div>
				
                <div class="cleaner"></div>
            </div>
            
            <div class="col_w900 hr_divider">
            
            	<div class="col_w420 lp_box float_l">
                    <h2> 最新產品</h2>
              <ul class="lp_frontpage">
                        <li><a href="#"><img width="200" height="100" src="images/templatemo_image_01.jpg" alt="Image 01" /></a></li>
                        <li><a href="#"><img width="200" height="100" src="images/templatemo_image_02.jpg" alt="Image 02" /></a></li>
                        <li><a href="#"><img width="200" height="100" src="images/templatemo_image_03.jpg" alt="Image 03" /></a></li>
                        <li><a href="#"><img width="200" height="100" src="images/templatemo_image_04.jpg" alt="Image 04" /></a></li>
                    </ul>    
                    <a class="more" href="#">More</a>
                </div>
                
                <div class="col_w420 float_r">
                    <h2>最新更新</h2>
                    <div class="lbe_box">
                        <div class="lbe_date">
                            MAY 28, 2048
                            <span>by Vinlati </span>
                        </div>
						
                        <div class="lbe_content">
                            <h3><a href="#">Etiam a Dui et Eros Imperdiet Rhoncus</a></h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed magna nec justo aliquam pretium vitae ultrices nibh. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
                        </div>
						
                        <div class="cleaner"></div>
                    </div>
                    <div class="lbe_box">
                        <div class="lbe_date">
                            MAY 24, 2048
                            <span>by Juvinho </span>
                        </div>
						
                        <div class="lbe_content">
                            <h3><a href="#">Praesent vehicula orci eu turpis molestie</a></h3>
                            <p>Phasellus blandit auctor massa dapibus feugiat. Proin pretium aliquam elit ac euismod. Nunc pulvinar dictum risus, vitae ornare est eget. </p>
                        </div>
						
                        <div class="cleaner"></div>
                    </div>
                    <a class="more" href="#">More</a>
                </div>
                
                <div class="cleaner"></div>
            </div>
            
            <div class="testimonial"><span class="close"></span>
                <p>Donec dolor lectus, rutrum id facilisis eu, condimentum ut enim. Sed quis dapi bus nisi. Mauris at tortor tortor, sit amet porttitor velit. Cras viverra interdum ligula, quis cursus nulla sollicitudin vitae. Sed adipiscing sem ac erat pharetra ac eleifend tellus eleifend. Morbi tempus pharetra gravida.</p>
                <p class="clientname">Free CSS Templates <span><a href="http://www.templatemo.com" target="_parent">Mojolay</a></span></p>
            </div>
            
        </div> <!-- end of templatemo main -->
    	
    </div>
</div>

<div id="templatemo_footer_wrapper">
    <div id="templatemo_footer">
    	
		<a href="index.html">Home</a> | <a href="about.html">About Us</a> | <a href="blog.html">Blog</a> | <a href="gallery.html">Gallery</a> | <a href="contact.html" class="last">Contact</a> <br /><br />
        
        Copyright © 2048 <a href="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
    
    </div> <!-- end of templatemo_footer -->
</div>

</body>
</html>